<script>
	/**
	 * vuex管理登陆状态，具体可以参考官方登陆模板示例
	 */
	import {
		mapMutations
	} from 'vuex';
	export default {
		methods: {
			...mapMutations(['login'])
		},
		onLaunch: function() {
			// #ifdef APP-PLUS
			//设置3秒后主动关闭，最多设置6秒
			setTimeout(()=>{
				plus.navigator.closeSplashscreen()
			},3000);
			// #endif
			
			let userInfo = uni.getStorageSync('userInfo') || '';
			if(userInfo.id){
				//更新登陆状态
				uni.getStorage({
					key: 'userInfo',
					success: (res) => {
						this.login(res.data);
					}
				});
			}
		},
		onShow: function() {
			//console.log('App Show')
		},
		onHide: function() {
			//console.log('App Hide')
		},
	}
</script>

<style lang='scss'>
	
	
	/* ==================
	          布局
	 ==================== */
	
	/*  -- flex弹性布局 -- */
	
	.flex {
		display: flex;
	}
	
	.basis-xs {
		flex-basis: 20%;
	}
	
	.basis-sm {
		flex-basis: 40%;
	}
	
	.basis-df {
		flex-basis: 50%;
	}
	
	.basis-lg {
		flex-basis: 60%;
	}
	
	.basis-xl {
		flex-basis: 80%;
	}
	
	.flex-sub {
		flex: 1;
	}
	
	.flex-twice {
		flex: 2;
	}
	
	.flex-treble {
		flex: 3;
	}
	
	.flex-direction {
		flex-direction: column;
	}
	
	.flex-wrap {
		flex-wrap: wrap;
	}
	
	.align-start {
		align-items: flex-start;
	}
	
	.align-end {
		align-items: flex-end;
	}
	
	.align-center {
		align-items: center;
	}
	
	.align-stretch {
		align-items: stretch;
	}
	
	.self-start {
		align-self: flex-start;
	}
	
	.self-center {
		align-self: flex-center;
	}
	
	.self-end {
		align-self: flex-end;
	}
	
	.self-stretch {
		align-self: stretch;
	}
	
	.align-stretch {
		align-items: stretch;
	}
	
	.justify-start {
		justify-content: flex-start;
	}
	
	.justify-end {
		justify-content: flex-end;
	}
	
	.justify-center {
		justify-content: center;
	}
	
	.justify-between {
		justify-content: space-between;
	}
	
	.justify-around {
		justify-content: space-around;
	}
	
	/* grid布局 */
	
	.grid {
		display: flex;
		flex-wrap: wrap;
	}
	
	.grid.grid-square {
		overflow: hidden;
	}
	
	.grid.grid-square .cu-tag {
		position: absolute;
		right: 0;
		top: 0;
		border-bottom-left-radius: 6upx;
		padding: 6upx 12upx;
		height: auto;
		background-color: rgba(0, 0, 0, 0.5);
	}
	
	.grid.grid-square>view>text[class*="cuIcon-"] {
		font-size: 52upx;
		position: absolute;
		color: #8799a3;
		margin: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	
	.grid.grid-square>view {
		margin-right: 20upx;
		margin-bottom: 20upx;
		border-radius: 6upx;
		position: relative;
		overflow: hidden;
	}
	.grid.grid-square>view.bg-img image {
		width: 100%;
		height: 100%;
		position: absolute;
	}
	.grid.col-1.grid-square>view {
		padding-bottom: 100%;
		height: 0;
		margin-right: 0;
	}
	
	.grid.col-2.grid-square>view {
		padding-bottom: calc((100% - 20upx)/2);
		height: 0;
		width: calc((100% - 20upx)/2);
	}
	
	.grid.col-3.grid-square>view {
		padding-bottom: calc((100% - 40upx)/3);
		height: 0;
		width: calc((100% - 40upx)/3);
	}
	
	.grid.col-4.grid-square>view {
		padding-bottom: calc((100% - 60upx)/4);
		height: 0;
		width: calc((100% - 60upx)/4);
	}
	
	.grid.col-5.grid-square>view {
		padding-bottom: calc((100% - 80upx)/5);
		height: 0;
		width: calc((100% - 80upx)/5);
	}
	
	.grid.col-2.grid-square>view:nth-child(2n),
	.grid.col-3.grid-square>view:nth-child(3n),
	.grid.col-4.grid-square>view:nth-child(4n),
	.grid.col-5.grid-square>view:nth-child(5n) {
		margin-right: 0;
	}
	
	.grid.col-1>view {
		width: 100%;
	}
	
	.grid.col-2>view {
		width: 50%;
	}
	
	.grid.col-3>view {
		width: 33.33%;
	}
	
	.grid.col-4>view {
		width: 25%;
	}
	
	.grid.col-5>view {
		width: 20%;
	}
	
	/*  -- 内外边距 -- */
	
	.margin-0 {
		margin: 0;
	}
	
	.margin-xs {
		margin: 10upx;
	}
	
	.margin-sm {
		margin: 20upx;
	}
	
	.margin {
		margin: 30upx;
	}
	
	.margin-lg {
		margin: 40upx;
	}
	
	.margin-xl {
		margin: 50upx;
	}
	
	.margin-top-xs {
		margin-top: 10upx;
	}
	
	.margin-top-sm {
		margin-top: 20upx;
	}
	
	.margin-top {
		margin-top: 30upx;
	}
	
	.margin-top-lg {
		margin-top: 40upx;
	}
	
	.margin-top-xl {
		margin-top: 50upx;
	}
	
	.margin-right-xs {
		margin-right: 10upx;
	}
	
	.margin-right-sm {
		margin-right: 20upx;
	}
	
	.margin-right {
		margin-right: 30upx;
	}
	
	.margin-right-lg {
		margin-right: 40upx;
	}
	
	.margin-right-xl {
		margin-right: 50upx;
	}
	
	.margin-bottom-xs {
		margin-bottom: 10upx;
	}
	
	.margin-bottom-sm {
		margin-bottom: 20upx;
	}
	
	.margin-bottom {
		margin-bottom: 30upx;
	}
	
	.margin-bottom-lg {
		margin-bottom: 40upx;
	}
	
	.margin-bottom-xl {
		margin-bottom: 50upx;
	}
	
	.margin-left-xs {
		margin-left: 10upx;
	}
	
	.margin-left-sm {
		margin-left: 20upx;
	}
	
	.margin-left {
		margin-left: 30upx;
	}
	
	.margin-left-lg {
		margin-left: 40upx;
	}
	
	.margin-left-xl {
		margin-left: 50upx;
	}
	
	.margin-lr-xs {
		margin-left: 10upx;
		margin-right: 10upx;
	}
	
	.margin-lr-sm {
		margin-left: 20upx;
		margin-right: 20upx;
	}
	
	.margin-lr {
		margin-left: 30upx;
		margin-right: 30upx;
	}
	
	.margin-lr-lg {
		margin-left: 40upx;
		margin-right: 40upx;
	}
	
	.margin-lr-xl {
		margin-left: 50upx;
		margin-right: 50upx;
	}
	
	.margin-tb-xs {
		margin-top: 10upx;
		margin-bottom: 10upx;
	}
	
	.margin-tb-sm {
		margin-top: 20upx;
		margin-bottom: 20upx;
	}
	
	.margin-tb {
		margin-top: 30upx;
		margin-bottom: 30upx;
	}
	
	.margin-tb-lg {
		margin-top: 40upx;
		margin-bottom: 40upx;
	}
	
	.margin-tb-xl {
		margin-top: 50upx;
		margin-bottom: 50upx;
	}
	
	.padding-0 {
		padding: 0;
	}
	
	.padding-xs {
		padding: 10upx;
	}
	
	.padding-sm {
		padding: 20upx;
	}
	
	.padding {
		padding: 30upx;
	}
	
	.padding-lg {
		padding: 40upx;
	}
	
	.padding-xl {
		padding: 50upx;
	}
	
	.padding-top-xs {
		padding-top: 10upx;
	}
	
	.padding-top-sm {
		padding-top: 20upx;
	}
	
	.padding-top {
		padding-top: 30upx;
	}
	
	.padding-top-lg {
		padding-top: 40upx;
	}
	
	.padding-top-xl {
		padding-top: 50upx;
	}
	
	.padding-right-xs {
		padding-right: 10upx;
	}
	
	.padding-right-sm {
		padding-right: 20upx;
	}
	
	.padding-right {
		padding-right: 30upx;
	}
	
	.padding-right-lg {
		padding-right: 40upx;
	}
	
	.padding-right-xl {
		padding-right: 50upx;
	}
	
	.padding-bottom-xs {
		padding-bottom: 10upx;
	}
	
	.padding-bottom-sm {
		padding-bottom: 20upx;
	}
	
	.padding-bottom {
		padding-bottom: 30upx;
	}
	
	.padding-bottom-lg {
		padding-bottom: 40upx;
	}
	
	.padding-bottom-xl {
		padding-bottom: 50upx;
	}
	
	.padding-left-xs {
		padding-left: 10upx;
	}
	
	.padding-left-sm {
		padding-left: 20upx;
	}
	
	.padding-left {
		padding-left: 30upx;
	}
	
	.padding-left-lg {
		padding-left: 40upx;
	}
	
	.padding-left-xl {
		padding-left: 50upx;
	}
	
	.padding-lr-xs {
		padding-left: 10upx;
		padding-right: 10upx;
	}
	
	.padding-lr-sm {
		padding-left: 20upx;
		padding-right: 20upx;
	}
	
	.padding-lr {
		padding-left: 30upx;
		padding-right: 30upx;
	}
	
	.padding-lr-lg {
		padding-left: 40upx;
		padding-right: 40upx;
	}
	
	.padding-lr-xl {
		padding-left: 50upx;
		padding-right: 50upx;
	}
	
	.padding-tb-xs {
		padding-top: 10upx;
		padding-bottom: 10upx;
	}
	
	.padding-tb-sm {
		padding-top: 20upx;
		padding-bottom: 20upx;
	}
	
	.padding-tb {
		padding-top: 30upx;
		padding-bottom: 30upx;
	}
	
	.padding-tb-lg {
		padding-top: 40upx;
		padding-bottom: 40upx;
	}
	
	.padding-tb-xl {
		padding-top: 50upx;
		padding-bottom: 50upx;
	}
	
	/* -- 浮动 --  */
	
	.cf::after,
	.cf::before {
		content: " ";
		display: table;
	}
	
	.cf::after {
		clear: both;
	}
	
	.fl {
		float: left;
	}
	
	.fr {
		float: right;
	}
	
	
	/* ==================
	          背景
	 ==================== */
	
	.line-red::after,
	.lines-red::after {
		border-color: #e54d42;
	}
	
	.line-orange::after,
	.lines-orange::after {
		border-color: #f37b1d;
	}
	
	.line-yellow::after,
	.lines-yellow::after {
		border-color: #fbbd08;
	}
	
	.line-olive::after,
	.lines-olive::after {
		border-color: #8dc63f;
	}
	
	.line-green::after,
	.lines-green::after {
		border-color: #39b54a;
	}
	
	.line-cyan::after,
	.lines-cyan::after {
		border-color: #1cbbb4;
	}
	
	.line-blue::after,
	.lines-blue::after {
		border-color: #0081ff;
	}
	
	.line-purple::after,
	.lines-purple::after {
		border-color: #6739b6;
	}
	
	.line-mauve::after,
	.lines-mauve::after {
		border-color: #9c26b0;
	}
	
	.line-pink::after,
	.lines-pink::after {
		border-color: #e03997;
	}
	
	.line-brown::after,
	.lines-brown::after {
		border-color: #a5673f;
	}
	
	.line-grey::after,
	.lines-grey::after {
		border-color: #8799a3;
	}
	
	.line-gray::after,
	.lines-gray::after {
		border-color: #aaaaaa;
	}
	
	.line-black::after,
	.lines-black::after {
		border-color: #333333;
	}
	
	.line-white::after,
	.lines-white::after {
		border-color: #ffffff;
	}
	
	.bg-red {
		background-color: #e54d42;
		color: #ffffff;
	}
	
	.bg-orange {
		background-color: #f37b1d;
		color: #ffffff;
	}
	
	.bg-yellow {
		background-color: #fbbd08;
		color: #333333;
	}
	
	.bg-olive {
		background-color: #8dc63f;
		color: #ffffff;
	}
	
	.bg-green {
		background-color: #39b54a;
		color: #ffffff;
	}
	
	.bg-cyan {
		background-color: #1cbbb4;
		color: #ffffff;
	}
	
	.bg-blue {
		background-color: #0081ff;
		color: #ffffff;
	}
	
	.bg-purple {
		background-color: #6739b6;
		color: #ffffff;
	}
	
	.bg-mauve {
		background-color: #9c26b0;
		color: #ffffff;
	}
	
	.bg-pink {
		background-color: #e03997;
		color: #ffffff;
	}
	
	.bg-brown {
		background-color: #a5673f;
		color: #ffffff;
	}
	
	.bg-grey {
		background-color: #8799a3;
		color: #ffffff;
	}
	
	.bg-gray {
		background-color: #f0f0f0;
		color: #333333;
	}
	
	.bg-black {
		background-color: #333333;
		color: #ffffff;
	}
	
	.bg-white {
		background-color: #ffffff;
		color: #666666;
	}
	
	.bg-shadeTop {
		background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
		color: #ffffff;
	}
	
	.bg-shadeBottom {
		background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
		color: #ffffff;
	}
	
	.bg-red.light {
		color: #e54d42;
		background-color: #fadbd9;
	}
	
	.bg-orange.light {
		color: #f37b1d;
		background-color: #fde6d2;
	}
	
	.bg-yellow.light {
		color: #fbbd08;
		background-color: #fef2ced2;
	}
	
	.bg-olive.light {
		color: #8dc63f;
		background-color: #e8f4d9;
	}
	
	.bg-green.light {
		color: #39b54a;
		background-color: #d7f0dbff;
	}
	
	.bg-cyan.light {
		color: #1cbbb4;
		background-color: #d2f1f0;
	}
	
	.bg-blue.light {
		color: #0081ff;
		background-color: #cce6ff;
	}
	
	.bg-purple.light {
		color: #6739b6;
		background-color: #e1d7f0;
	}
	
	.bg-mauve.light {
		color: #9c26b0;
		background-color: #ebd4ef;
	}
	
	.bg-pink.light {
		color: #e03997;
		background-color: #f9d7ea;
	}
	
	.bg-brown.light {
		color: #a5673f;
		background-color: #ede1d9;
	}
	
	.bg-grey.light {
		color: #8799a3;
		background-color: #e7ebed;
	}
	
	.bg-gradual-red {
		background-image: linear-gradient(45deg, #f43f3b, #ec008c);
		color: #ffffff;
	}
	
	.bg-gradual-orange {
		background-image: linear-gradient(45deg, #ff9700, #ed1c24);
		color: #ffffff;
	}
	
	.bg-gradual-green {
		background-image: linear-gradient(45deg, #39b54a, #8dc63f);
		color: #ffffff;
	}
	
	.bg-gradual-purple {
		background-image: linear-gradient(45deg, #9000ff, #5e00ff);
		color: #ffffff;
	}
	
	.bg-gradual-pink {
		background-image: linear-gradient(45deg, #ec008c, #6739b6);
		color: #ffffff;
	}
	
	.bg-gradual-blue {
		background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
		color: #ffffff;
	}
	
	.shadow[class*="-red"] {
		box-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
	}
	
	.shadow[class*="-orange"] {
		box-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
	}
	
	.shadow[class*="-yellow"] {
		box-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
	}
	
	.shadow[class*="-olive"] {
		box-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
	}
	
	.shadow[class*="-green"] {
		box-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
	}
	
	.shadow[class*="-cyan"] {
		box-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
	}
	
	.shadow[class*="-blue"] {
		box-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
	}
	
	.shadow[class*="-purple"] {
		box-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
	}
	
	.shadow[class*="-mauve"] {
		box-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
	}
	
	.shadow[class*="-pink"] {
		box-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
	}
	
	.shadow[class*="-brown"] {
		box-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
	}
	
	.shadow[class*="-grey"] {
		box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
	}
	
	.shadow[class*="-gray"] {
		box-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
	}
	
	.shadow[class*="-black"] {
		box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
	}
	
	.shadow[class*="-white"] {
		box-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
	}
	
	.text-shadow[class*="-red"] {
		text-shadow: 6upx 6upx 8upx rgba(204, 69, 59, 0.2);
	}
	
	.text-shadow[class*="-orange"] {
		text-shadow: 6upx 6upx 8upx rgba(217, 109, 26, 0.2);
	}
	
	.text-shadow[class*="-yellow"] {
		text-shadow: 6upx 6upx 8upx rgba(224, 170, 7, 0.2);
	}
	
	.text-shadow[class*="-olive"] {
		text-shadow: 6upx 6upx 8upx rgba(124, 173, 55, 0.2);
	}
	
	.text-shadow[class*="-green"] {
		text-shadow: 6upx 6upx 8upx rgba(48, 156, 63, 0.2);
	}
	
	.text-shadow[class*="-cyan"] {
		text-shadow: 6upx 6upx 8upx rgba(28, 187, 180, 0.2);
	}
	
	.text-shadow[class*="-blue"] {
		text-shadow: 6upx 6upx 8upx rgba(0, 102, 204, 0.2);
	}
	
	.text-shadow[class*="-purple"] {
		text-shadow: 6upx 6upx 8upx rgba(88, 48, 156, 0.2);
	}
	
	.text-shadow[class*="-mauve"] {
		text-shadow: 6upx 6upx 8upx rgba(133, 33, 150, 0.2);
	}
	
	.text-shadow[class*="-pink"] {
		text-shadow: 6upx 6upx 8upx rgba(199, 50, 134, 0.2);
	}
	
	.text-shadow[class*="-brown"] {
		text-shadow: 6upx 6upx 8upx rgba(140, 88, 53, 0.2);
	}
	
	.text-shadow[class*="-grey"] {
		text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
	}
	
	.text-shadow[class*="-gray"] {
		text-shadow: 6upx 6upx 8upx rgba(114, 130, 138, 0.2);
	}
	
	.text-shadow[class*="-black"] {
		text-shadow: 6upx 6upx 8upx rgba(26, 26, 26, 0.2);
	}
	
	.bg-img {
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}
	
	.bg-mask {
		background-color: #333333;
		position: relative;
	}
	
	.bg-mask::after {
		content: "";
		border-radius: inherit;
		width: 100%;
		height: 100%;
		display: block;
		background-color: rgba(0, 0, 0, 0.4);
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
	}
	
	.bg-mask view,
	.bg-mask cover-view {
		z-index: 5;
		position: relative;
	}
	
	.bg-video {
		position: relative;
	}
	
	.bg-video video {
		display: block;
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		position: absolute;
		top: 0;
		z-index: 0;
		pointer-events: none;
	}
	
	/* ==================
	          按钮
	 ==================== */
	
	.cu-btn {
		position: relative;
		border: 0upx;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		padding: 0 30upx;
		font-size: 28upx;
		height: 64upx;
		line-height: 1;
		text-align: center;
		text-decoration: none;
		overflow: visible;
		margin-left: initial;
		transform: translate(0upx, 0upx);
		margin-right: initial;
	}
	
	.cu-btn::after {
		display: none;
	}
	
	.cu-btn:not([class*="bg-"]) {
		background-color: #f0f0f0;
	}
	
	.cu-btn[class*="line"] {
		background-color: transparent;
	}
	
	.cu-btn[class*="line"]::after {
		content: " ";
		display: block;
		width: 200%;
		height: 200%;
		position: absolute;
		top: 0;
		left: 0;
		border: 1upx solid currentColor;
		transform: scale(0.5);
		transform-origin: 0 0;
		box-sizing: border-box;
		border-radius: 12upx;
		z-index: 1;
		pointer-events: none;
	}
	
	.cu-btn.round[class*="line"]::after {
		border-radius: 1000upx;
	}
	
	.cu-btn[class*="lines"]::after {
		border: 6upx solid currentColor;
	}
	
	.cu-btn[class*="bg-"]::after {
		display: none;
	}
	
	.cu-btn.sm {
		padding: 0 20upx;
		font-size: 20upx;
		height: 48upx;
	}
	
	.cu-btn.lg {
		padding: 0 40upx;
		font-size: 32upx;
		height: 80upx;
	}
	
	.cu-btn.cuIcon.sm {
		width: 48upx;
		height: 48upx;
	}
	
	.cu-btn.cuIcon {
		width: 64upx;
		height: 64upx;
		border-radius: 500upx;
		padding: 0;
	}
	
	button.cuIcon.lg {
		width: 80upx;
		height: 80upx;
	}
	
	.cu-btn.shadow-blur::before {
		top: 4upx;
		left: 4upx;
		filter: blur(6upx);
		opacity: 0.6;
	}
	
	.cu-btn.button-hover {
		transform: translate(1upx, 1upx);
	}
	
	.block {
		display: block;
	}
	
	.cu-btn.block {
		display: flex;
	}
	
	.cu-btn[disabled] {
		opacity: 0.6;
		color: #ffffff;
	}
	
	/* ==================
	         表单
	 ==================== */
	
	.cu-form-group {
		background-color: #ffffff;
		padding: 1upx 30upx;
		display: flex;
		align-items: center;
		min-height: 100upx;
		justify-content: space-between;
	}
	
	.cu-form-group+.cu-form-group {
		border-top: 1upx solid #eee;
	}
	
	.cu-form-group .title {
		text-align: justify;
		padding-right: 30upx;
		font-size: 30upx;
		position: relative;
		height: 60upx;
		line-height: 60upx;
	}
	
	.cu-form-group input {
		flex: 1;
		font-size: 30upx;
		color: #555;
		padding-right: 20upx;
	}
	
	.cu-form-group>text[class*="cuIcon-"] {
		font-size: 36upx;
		padding: 0;
		box-sizing: border-box;
	}
	
	.cu-form-group textarea {
		margin: 32upx 0 30upx;
		height: 4.6em;
		width: 100%;
		line-height: 1.2em;
		flex: 1;
		font-size: 28upx;
		padding: 0;
	}
	
	.cu-form-group.align-start .title {
		height: 1em;
		margin-top: 32upx;
		line-height: 1em;
	}
	
	.cu-form-group picker {
		flex: 1;
		padding-right: 40upx;
		overflow: hidden;
		position: relative;
	}
	
	.cu-form-group picker .picker {
		line-height: 100upx;
		font-size: 28upx;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		text-align: right;
	}
	
	.cu-form-group picker::after {
		font-family: cuIcon;
		display: block;
		content: "\e6a3";
		position: absolute;
		font-size: 34upx;
		color: #8799a3;
		line-height: 100upx;
		width: 60upx;
		text-align: center;
		top: 0;
		bottom: 0;
		right: -20upx;
		margin: auto;
	}
	
	.cu-form-group textarea[disabled],
	.cu-form-group textarea[disabled] .placeholder {
		color: transparent;
	}
	
	/* ==================
	         模态窗口
	 ==================== */
	
	.cu-modal {
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1110;
		opacity: 0;
		outline: 0;
		text-align: center;
		-ms-transform: scale(1.185);
		transform: scale(1.185);
		backface-visibility: hidden;
		perspective: 2000upx;
		background: rgba(0, 0, 0, 0.6);
		transition: all 0.3s ease-in-out 0s;
		pointer-events: none;
	}
	
	.cu-modal::before {
		content: "\200B";
		display: inline-block;
		height: 100%;
		vertical-align: middle;
	}
	
	.cu-modal.show {
		opacity: 1;
		transition-duration: 0.3s;
		-ms-transform: scale(1);
		transform: scale(1);
		overflow-x: hidden;
		overflow-y: auto;
		pointer-events: auto;
	}
	
	.cu-dialog {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		margin-left: auto;
		margin-right: auto;
		width: 680upx;
		max-width: 100%;
		background-color: #f8f8f8;
		border-radius: 10upx;
		overflow: hidden;
	}
	
	.cu-modal.bottom-modal::before {
		vertical-align: bottom;
	}
	
	.cu-modal.bottom-modal .cu-dialog {
		width: 100%;
		border-radius: 0;
	}
	
	.cu-modal.bottom-modal {
		margin-bottom: -1000upx;
	}
	
	.cu-modal.bottom-modal.show {
		margin-bottom: 0;
	}
	
	.cu-modal.drawer-modal {
		transform: scale(1);
		display: flex;
	}
	
	.cu-modal.drawer-modal .cu-dialog {
		height: 100%;
		min-width: 200upx;
		border-radius: 0;
		margin: initial;
		transition-duration: 0.3s;
	}
	
	.cu-modal.drawer-modal.justify-start .cu-dialog {
		transform: translateX(-100%);
	}
	
	.cu-modal.drawer-modal.justify-end .cu-dialog {
		transform: translateX(100%);
	}
	
	.cu-modal.drawer-modal.show .cu-dialog {
		transform: translateX(0%);
	}
	.cu-modal .cu-dialog>.cu-bar:first-child .action{
	  min-width: 100rpx;
	  margin-right: 0;
	  min-height: 100rpx;
	}
	
	/*
		全局公共样式和字体图标
	*/
	@font-face {
		font-family: yticon;
		font-weight: normal;
		font-style: normal;
		/* src: url('https://at.alicdn.com/t/font_1078604_w4kpxh0rafi.ttf') format('truetype'); */
		src: url('./static/font/yticon.ttf') format('truetype');
	}

	.yticon {
		font-family: "yticon" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-yiguoqi1:before {
		content: "\e700";
	}

	.icon-iconfontshanchu1:before {
		content: "\e619";
	}

	.icon-iconfontweixin:before {
		content: "\e611";
	}

	.icon-alipay:before {
		content: "\e636";
	}

	.icon-shang:before {
		content: "\e624";
	}

	.icon-shouye:before {
		content: "\e626";
	}

	.icon-shanchu4:before {
		content: "\e622";
	}

	.icon-xiaoxi:before {
		content: "\e618";
	}

	.icon-jiantour-copy:before {
		content: "\e600";
	}

	.icon-fenxiang2:before {
		content: "\e61e";
	}

	.icon-pingjia:before {
		content: "\e67b";
	}

	.icon-daifukuan:before {
		content: "\e68f";
	}

	.icon-pinglun-copy:before {
		content: "\e612";
	}

	.icon-dianhua-copy:before {
		content: "\e621";
	}

	.icon-shoucang:before {
		content: "\e645";
	}

	.icon-xuanzhong2:before {
		content: "\e62f";
	}

	.icon-gouwuche_:before {
		content: "\e630";
	}

	.icon-icon-test:before {
		content: "\e60c";
	}

	.icon-icon-test1:before {
		content: "\e632";
	}

	.icon-bianji:before {
		content: "\e646";
	}

	.icon-jiazailoading-A:before {
		content: "\e8fc";
	}

	.icon-zuoshang:before {
		content: "\e613";
	}

	.icon-jia2:before {
		content: "\e60a";
	}

	.icon-huifu:before {
		content: "\e68b";
	}

	.icon-sousuo:before {
		content: "\e7ce";
	}

	.icon-arrow-fine-up:before {
		content: "\e601";
	}

	.icon-hot:before {
		content: "\e60e";
	}

	.icon-lishijilu:before {
		content: "\e6b9";
	}

	.icon-zhengxinchaxun-zhifubaoceping-:before {
		content: "\e616";
	}

	.icon-naozhong:before {
		content: "\e64a";
	}

	.icon-xiatubiao--copy:before {
		content: "\e608";
	}

	.icon-shoucang_xuanzhongzhuangtai:before {
		content: "\e6a9";
	}

	.icon-jia1:before {
		content: "\e61c";
	}

	.icon-bangzhu1:before {
		content: "\e63d";
	}

	.icon-arrow-left-bottom:before {
		content: "\e602";
	}

	.icon-arrow-right-bottom:before {
		content: "\e603";
	}

	.icon-arrow-left-top:before {
		content: "\e604";
	}

	.icon-icon--:before {
		content: "\e744";
	}

	.icon-zuojiantou-up:before {
		content: "\e605";
	}

	.icon-xia:before {
		content: "\e62d";
	}

	.icon--jianhao:before {
		content: "\e60b";
	}

	.icon-weixinzhifu:before {
		content: "\e61a";
	}

	.icon-comment:before {
		content: "\e64f";
	}

	.icon-weixin:before {
		content: "\e61f";
	}

	.icon-fenlei1:before {
		content: "\e620";
	}

	.icon-erjiye-yucunkuan:before {
		content: "\e623";
	}

	.icon-Group-:before {
		content: "\e688";
	}

	.icon-you:before {
		content: "\e606";
	}

	.icon-forward:before {
		content: "\e607";
	}

	.icon-tuijian:before {
		content: "\e610";
	}

	.icon-bangzhu:before {
		content: "\e679";
	}

	.icon-share:before {
		content: "\e656";
	}

	.icon-yiguoqi:before {
		content: "\e997";
	}

	.icon-shezhi1:before {
		content: "\e61d";
	}

	.icon-fork:before {
		content: "\e61b";
	}

	.icon-kafei:before {
		content: "\e66a";
	}

	.icon-iLinkapp-:before {
		content: "\e654";
	}

	.icon-saomiao:before {
		content: "\e60d";
	}

	.icon-shezhi:before {
		content: "\e60f";
	}

	.icon-shouhoutuikuan:before {
		content: "\e631";
	}

	.icon-gouwuche:before {
		content: "\e609";
	}

	.icon-dizhi:before {
		content: "\e614";
	}

	.icon-fenlei:before {
		content: "\e706";
	}

	.icon-xingxing:before {
		content: "\e70b";
	}

	.icon-tuandui:before {
		content: "\e633";
	}

	.icon-zuanshi:before {
		content: "\e615";
	}

	.icon-zuo:before {
		content: "\e63c";
	}

	.icon-shoucang2:before {
		content: "\e62e";
	}

	.icon-shouhuodizhi:before {
		content: "\e712";
	}

	.icon-yishouhuo:before {
		content: "\e71a";
	}

	.icon-dianzan-ash:before {
		content: "\e617";
	}





	view,
	scroll-view,
	swiper,
	swiper-item,
	cover-view,
	cover-image,
	icon,
	text,
	rich-text,
	progress,
	button,
	checkbox,
	form,
	input,
	label,
	radio,
	slider,
	switch,
	textarea,
	navigator,
	audio,
	camera,
	image,
	video {
		box-sizing: border-box;
	}
	/* 骨架屏替代方案 */
	.Skeleton {
		background: #f3f3f3;
		padding: 20upx 0;
		border-radius: 8upx;
	}

	/* 图片载入替代方案 */
	.image-wrapper {
		font-size: 0;
		background: #f3f3f3;
		border-radius: 4px;

		image {
			width: 100%;
			height: 100%;
			transition: .6s;
			opacity: 0;

			&.loaded {
				opacity: 1;
			}
		}
	}

	.clamp {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: block;
	}

	.common-hover {
		background: #f5f5f5;
	}

	/*边框*/
	.b-b:after,
	.b-t:after {
		position: absolute;
		z-index: 3;
		left: 0;
		right: 0;
		height: 0;
		content: '';
		transform: scaleY(.5);
		border-bottom: 1px solid $border-color-base;
	}

	.b-b:after {
		bottom: 0;
	}

	.b-t:after {
		top: 0;
	}

	/* button样式改写 */
	uni-button,
	button {
		height: 80upx;
		line-height: 80upx;
		font-size: $font-lg + 2upx;
		font-weight: normal;

		&.no-border:before,
		&.no-border:after {
			border: 0;
		}
	}

	uni-button[type=default],
	button[type=default] {
		color: $font-color-dark;
	}

	/* input 样式 */
	.input-placeholder {
		color: #999999;
	}

	.placeholder {
		color: #999999;
	}
</style>
